{% extends "./blog/base.html" %}
{% block main %}
{% url 'category-detail-view' article.category.name as category_url %}

<!--Bootstrap栅格化系统~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div class="col-md-1 column">
</div>
<div class="col-md-7 column">
<!--文章渲染~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<article  class="post">
    <div class="post-head">
    <div class="post-meta">
        
                <li class="pull-left"><a href="/"><span class="glyphicon glyphicon-home"></span>&nbsp;主页</a></li >
                <li class="pull-left"><span class="glyphicon glyphicon-pushpin"></span>&nbsp;
                <a href="{{category_url}}">{{article.category}}</a></li>
                <li class="pull-left"><a><span class="glyphicon glyphicon-calendar"></span>&nbsp;更新时间： {{article.pub_time|date:"Y-m-d H:i"}}</a></li>
                <li class="pull-left"><a> <span class="glyphicon glyphicon-eye-open"></span>围观次数：{{article.view_times}}</a></li>
                <br/>           
        </div>
         <h1 class="post-title"><h1 align="center">{{article.title}}</h1></h1>
        <a >
                    <span class="glyphicon glyphicon-user" ></span>&nbsp;<span style="color:gray;">作者： {{article.author}}<span>
                </a>
        </div>
<!--正文~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
        <div class="post-content">
            <p>
                  {% autoescape off%}
                    {{article.content}}
                    {% endautoescape %}
            </p>
        </div>
<!--标签~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
            <div id="article">
                <div class="article-tags">               
                    <div >
                    <!--<img src="{{article.img}}"  width="80%" height="80%"/>-->
                </div>
                    {% for tag in article.get_tags%}
                    <a href="{% url 'tag-detail-view' tag %}">
                        <span class="label label-vmaig-{{forloop.counter}} btn">{{tag}}</span>
                    </a>
                    {% endfor %}
                </div>
            </div>
</article>

<!--评论页~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
        {% include "./web_comments/web_comments.html"%}
</div>
<!--侧边栏~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div class="col-md-4 column">
    
       <!-- {% include "./blog/widgets/tags_cloud.html"%}-->
        {% include "./blog/widgets/search.html"%}
        {% include "./blog/widgets/hotest_posts.html"%}
        {% include "./web_comments/latest_comments.html"%}
    
 </div>

{% endblock %}



{% block css%}
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreRDark.css"/>

<style type="text/css">
    #article {
        font-size:14px;
        color:#000;
    }

    blockquote {
        font-size:14px;
    }
</style>
{% endblock %}
{% block js%}
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushPowerShell.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript">SyntaxHighlighter.all();</script>
{% endblock%}
